<div style="width:100%; overflow:hidden; margin:20px 0 20px 0;">
	<div class="button green"><input class="btn" type="submit" name="addNew" value="addNew" onclick="document.location='{$pageUrl}User/meterReading/'"/></div>
</div>
<h2>Meterreadings</h2>
<hr/>
<table style="margin:20px 0 0 0;" border="0" cellspacing="1">
	<tr style="background-color:#BD8345; height:30px;">
		<th width="120">Datetime</th>
		<th width="120">Amount</th>
		<th width="120">&nbsp;</th></tr>
	{foreach from=$readings item=reading}
	<tr>
		<td align="center">{$reading.datetime}</td>
		<td align="center">{$reading.reading} kWh</td>
		<td align="center"><a href="{$pageUrl}User/bill/{$reading.id}">See the invoice</a></td>
	<tr>
	{foreachelse}
	<tr><td>No readings</td><tr>
	{/foreach}
</table>